<template>
    <div class="next-week-course">
        <CommonHead />
        <h4>下周有<span>5</span>门课程</h4>
        <div class="content">
            <el-table border :data="tableData" style="width: 100%">
                <el-table-column prop="title" label="课程名称">
                </el-table-column>
                <el-table-column prop="week" label="星期">
                </el-table-column>
                <el-table-column prop="time" label="上课时段">
                </el-table-column>
                <el-table-column prop="address" label="上课地点">
                </el-table-column>
                <el-table-column prop="className" label="班级">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
import CommonHead from '../components/CommonHead.vue';

export default {
    name: 'nextWeekCourse',
    components: {
        CommonHead
    },
    data() {
        return {
            tableData: [{
                title: 'web前端开发',
                week: '星期一',
                time: '下午14:00~17:00',
                address: '官塘校区T2A401',
                className: '2023大数据1班',
            },{
                title: 'SpringBoot应用开发',
                week: '星期二',
                time: '下午14:00~17:00',
                address: '官塘校区T2304',
                className: '2023计算机应用技术1班',
            },{
                title: 'Linux技术',
                week: '星期三',
                time: '上午8:40~11:40',
                address: '官塘校区T2A203',
                className: '2023大数据1班',
            },{
                title: 'web前端开发',
                week: '星期四',
                time: '下午14:00~17:00',
                address: '官塘校区T2A401',
                className: '2023大数据1班',
            },{
                title: 'SpringBoot应用开发',
                week: '星期五',
                time: '下午14:00~17:00',
                address: '官塘校区T2A304',
                className: '2023大数据1班',
            }]
        }
    }
}
</script>

<style lang="scss" scoped>
.next-week-course {
    h4{
        margin: 20px 20px 0 20px;
        span{
            color: red;
        }
    }
    .content {
        padding: 25px 20px;
    }
}
</style>